<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第二个html页面</title>
</head>
<body>
    <!--无序列表-->
    <h3>无序列表</h3>
    <ul> 三国演义人物
        <li>刘备</li>
        <li>关羽</li>
        <li>张飞</li>
    </ul>

    <!--有序列表-->
    <h3>有序列表</h3>
    <ol>要把大象装冰箱，总共分几步？
        <li>打开冰箱门</li>
        <li>把大象装进去</li>
        <li>关上冰箱门</li>
    </ol>

    <!--自定定义列表： 自带层级关系-->
    <h3>自定定义列表</h3>
    <dl>菜单
        <dt>热菜</dt>
        <dd>宫保鸡丁</dd>
        <dd>红烧肘子</dd>
        <dt>凉菜</dt>
        <dd>拍黄瓜</dd>
        <dd>东北大拉皮</dd>
    </dl>


    <!--嵌套列表-->
    <h3>嵌套列表</h3>
    <dl>菜单
        <dt>
            <ol>
                <li>热菜</li>
                <dd>宫保鸡丁</dd>
                <dd>红烧肘子</dd>
                <li>凉菜</li>
                <dd>拍黄瓜</dd>
                <dd>东北大拉皮</dd>
            </ol>
        </dt>

    </dl>


</body>
</html>